@charset "utf-8";

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{margin: 0; padding: 0; border: 0; outline: none;}
body{line-height: 1;font-size: 88% /* Decide for yourself if you want to include this. */;}
h1, h2, h3, h4, h5, h6{font-size: 100%;padding: .6em 0;margin: 0 15px;}
ul, ol{list-style: none;}
a{color: black;text-decoration: none;}
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom:1;}    /* ie6、7*/


/*切换*/
.tabs_item{display: none;}



/*内容里面通用标题*/
.userCenter_tit{font-family: "Microsoft Yahei";font-size: 26px;color: #8F8F8F;height: 30px;line-height: 30px;margin-right: 19px;font-weight: normal;}
.comTitle h2{margin: 0;padding: 0;}
.title_tab{font-family: "Microsoft Yahei";font-size:14px;color: #535353;}
.title_tab li{float: left;height: 30px;line-height: 30px;padding: 0 10px;}
.title_tab li a{color: #535353;}
.title_tab .active{background: #05A6E0;}
.title_tab .active a{color: #FFF;}
.title_tab li a:hover{color: #F90;}

.title_tab_b{font-size: 20px;}
.title_tab_b li{height: 30px;line-height: 30px;padding: 0 20px;}


/*为我推荐*/
.userList{padding-top: 20px;display: none;}
.userLeft{width: 880px;font-family: "Microsoft Yahei";font-size:14px;_margin-right:-20px;}
.userLeft li{width: 200px;float: left;margin-right: 20px;}

/*更多*/
.userMore{padding-top: 60px;width:40px;height:130px;text-align:center;font-family: "Microsoft Yahei";font-size:18px;color: #605353;background: #F5F5F5;padding: 60px 25px 0 25px;}
.userMore:hover{color: #39F;}


/*VIP*/
.vipImgList{float: left;width: 145px;}
.vipImgList img{width: 145px; height: 80px; display: block;}
.vipImgList h3{line-height: 24px;font-family: "Microsoft Yahei";text-align: center;margin: 0;font-weight: normal;font-size: 14px;}
.vipImgList h3 a{color: #535353;}

/*music*/
.music{height: 37px;}
.music .user_tit{margin-bottom: 3px;font-family: "Microsoft Yahei";}
.music  .times{margin-right: 4px;}
.music_sen{line-height: 26px;height: 19px;overflow: hidden;}

/*独立小块*/
.moreList{width: 200px;float: left;}
.moreList .userCent_tit{margin-bottom: 20px;}
.moreList h2{margin: 0;padding: 0;}
.smTxtInfo{font-family: "Microsoft Yahei";font-size: 14px;}
.smTxtInfo a{color: #FFF;padding-left: 5px;}
.smTxt_more {padding-left: 5px;padding-top: 6px;}
.smTxt_more span{margin-right: 4px;}


/*奢侈品*/
.luxuriesImg{width: 332px;float: left;margin-bottom: 6px;}
.luxuName{width: 50px;height: 50px;display: block;float: left;margin-right:5px;margin-left: 2px;}
.luxuImg{width: 90px;height: 50px;display: block;float: left;}
.topic{height: 110px;}
.ad310_110{width: 310px;height: 110px;}
.ad310_110 img{width: 310px;height: 110px;display: block;}


/*用户推荐*/
.groom{height: 72px;}



/*优酷牛人*/
.yksomething{width: 310px;position: relative;overflow: hidden;}
.something_list{width:327px;padding-top: 20px; }
.something_list li{width: 90px;height: 90px;margin-right: 19px;margin-bottom: 10px;float: left;position: relative;}
.something_list li p{position: absolute;left:0;bottom:0;width: 100%;height: 40px;background: url(../images/recommendation_shadow.png)left bottom repeat-x;color: #FFF;text-align: center;line-height: 60px;}
.something_list li p a{color: #FFF;}

/*视频话题*/
.video_see .imgList{margin-right: 20px;float: left;}
.video_seeList{font-family:  "Microsoft Yahei";font-size: 14px;padding-top: 28px;}
.video_seeList li{width: 50%;float: left;line-height: 38px;}
.video_seeList div{background: url(../images/point.png)left center no-repeat;padding-left: 9px;}


/*底部通栏广告*/
.adBar{height:114px;background: url(../images/ad.jpg)left center no-repeat;}
.adBar img{height: 100px;margin:0 auto;display: block;}

/*网站底部*/
.footer{border-top: 2px solid #DCDCDC;overflow: hidden;font-family: '宋体';}
.footerLink{width: 140%;padding-top: 15px;}
.footerLink ul li{white-space: nowrap;}
.footerLink ul{float:left;line-height: 28px;margin-right:14px;color: 8F8F8F;}
.footerLink ul a{margin-right: 12px;color: #535353;}
.footerLink .last{margin-right: 12px;}
.footerLink .last2{margin-right: 10px;}
.footerLink ul a:hover{color: #C30;}
.footerInfo{padding-top: 37px;}
.footerInfo ul{float: left;line-height: 26px;}
.footerInfo ul li{white-space: nowrap;}
.footerInfo .mr42{margin-right: 42px;}
.footerInfo .mr62{margin-right: 62px;}
.footerInfo  a{color: #535353;}
.footerInfo  a:hover{color: #C30;}
.footerInfo span{color:#8F8F8F; }
.download{width: 212px;float: right;background: url(../images/code.jpg)left center no-repeat;right: 0;}
.download a{display: block;width: 120px;height: 90px;color: #535353;padding-left: 100px;}
.download span{padding:20px 0 ;display: inline-block;font-size: 16px;}
.download span i{font-style: normal;font-size: 12px;line-height: 30px;}
.download a:hover,
.download a:hover span,
.download a:hover i{color: #930;cursor: pointer;}

.copyright{font-size: 12px;text-align: center;padding-top: 42px;color:#8F8F8F;font-family:Verdana; }
.copyright a{color: #535353;}



/*-------------------------------------------头部----------------------------------------------------*/
/*头部的小部分*/
.headerBox{background: #F5F5F5;height: 60px;}
.logo{width: 320px;padding-top: 19px;}
.searchBox{width: 320px;height: 40px;padding-top: 10px;position: relative;}
.search_input{border:2px solid #9f9f9f;width: 216px;height: 36px;line-height: 36px;border-right: none;padding: 0 6px;}
.search_btn{background: url(../images/search_btn.jpg)left top no-repeat;width: 90px;height: 40px;}

/*搜索交互*/
.search_hover{border-color: #3eabff;}      /*该功能是由js去实现，虽然我也不知道是什么功能*/
.search_show{display:none;border:2px solid #3eabff;padding:2px 3px 3px;width: 440px;position: absolute;left: 0;top: 50px;background: #fff;}
.search_list{width: 260px;font-size: 14px;border-top:1px solid #f3f3f3; border-right: 1px solid #f3f3f3;}                    /* 此处的line-height为自加*/
.search_list li{height: 30px;line-height: 30px;border-bottom: 1px solid #f3f3f3;padding:0 8px 0 5px; }
.search_list .active{background: #f3f3f3;}
.search_list li a{float: left;color: #8f8f8f;}
.search_list li span{float: right;font-size: 12px;color: #8f8f8f;}
.imgShow{width: 170px;background: #f3f3f3;padding:11px 0 11px 9px;}
.imgShow dt{width: 70px;float: left;}
.imgShow dt img{width:70px;height:105px;display: block;}
.imgShow dd{width: 92px;float: right;}
.imgShowTxt{height: 81px;}
.imgShow dd h3{margin-bottom: 5px;}
.imgShow dd h3 a{color: #000;font-size: 14px;}
.imgShow dd p{color: #909090;line-height: 22px;}
.imgShow_play{width: 53px;height: 24px;background: url(../images/search_play.png)left top no-repeat;display: inline-block;}



/*登录|注册|观看记录|上传*/
.menu li{float: left; font-family:"Microsoft Yahei"; font-size: 14px; position: relative;}
.menuTxt{height: 24px;line-height: 24px;padding: 18px 12px;position: relative;z-index: 2;float: left;}
.menuTxt span{padding: 0 5px;}
.menuTxt a{color: #535353;line-height: 20px;}
.login{background: url(../images/figure1.png)left center no-repeat;padding-left: 20px;}
.record{background: url(../images/watch_record.png)left center no-repeat;padding-left: 20px;}
.upload{background: url(../images/upload.png)left center no-repeat;padding-left: 20px;}


.menuShow{display:none;width: 329px;border:1px solid #DDD;position: absolute;top: 60px;background: #FFF; }
.login_left{left: -48px;}
.record_left{left: -163px;}
.upload_left{right: 0;}
.menu .active .menuShow{display: block;}
.menu .active .menuTxt{background: #FFF;border-left: 1px solid #DDD;border-right:1px solid #DDD; padding: 18px 11px 19px 11px;}


/*menu里面的内容*/
.menuCont{padding: 22px 20px;}
.menuCont02{padding: 12px 20px;}
.infoCenter{font-size: 14px;}
.loginBox{padding-top: 17px;padding-bottom: 14px;}
.loginBox a{width: 91px; height: 31px;float: left;}
.login_btn{background: url(../images/login_btn.png) left center no-repeat;margin-right: 19px;}
.reg_btn{background: url(../images/reg_btn.png)left center no-repeat;}
.menu_line{border-top: 1px dashed #E4E4E4;height: 0;overflow: hidden;margin: 14px 0;}
.userCont{width: 260px;margin-left: -25px;}
.userCont li{width: 81px;float: left;height: 16px;line-height: 16px;padding: 7px 24px 7px 25px;float: left;position: relative;}


/*播放记录*/
.record_title{height: 45px; }
.record_title span{width: 75px;height: 24px;float: left;background: #9B9B9B;color: #FFF;text-align: center;vertical-align: center;line-height:24px;}    /* line-height:24px;可解决各浏览器中的垂直居中问题*/
.record_title a{float: right; color: #555;}
.record_item{margin-bottom: 10px;}
.record_item h3{margin: 0px;}
.videoTitle{font-size: 14px;font-weight: normal;height: 24px;position: relative;}
.videoTitle a{color: #555;width:262px;display:inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family: Verdana;}
.del{display:none;width:12px;height:12px;background:url(../images/x.png)left center no-repeat;position: absolute;right: 0;top: 5px;}
.rate{font-size: 12px;color: #BBB;font-family: '宋体';padding-left: 21px;margin-bottom: 20px;}
.rate span{float: left;}
.rate  a{color:#3399DF;float: right; display: none;}
.pc{background: url(../images/icon.png)left center no-repeat;}
.lookMore{text-align: center;}
.lookMore a{color: #555;}
.lookMore a:hover, .record_title a:hover, .videoTitle a:hover{color: #CB3311;}


/*交互*/
.record_active .del{display: block;}
.record_active .rate a{display: block;}
.record_active .videoTitle a{color: #CB3311; }

/*登录|注册处下拉框中的icon部分*/
.login_icon1{background: url(../images/watch_record.png)left center no-repeat;padding-left: inherit;}
.login_icon2{background: url(../images/collect.png)left center no-repeat;padding-left: inherit;}
.login_icon3{background: url(../images/binge_watching.png)left center no-repeat;padding-left: inherit;}
.login_icon4{background: url(../images/subscribe.png)left center no-repeat;padding-left: inherit;}
.login_icon5{background: url(../images/video.png)left center no-repeat;padding-left: inherit;}
.login_icon6{background: url(../images/myspace.png)left center no-repeat;padding-left: inherit;}
.login_icon7{background: url(../images/ykmember.png)left center no-repeat;padding-left: inherit;}
.login_icon8{background: url(../images/upload.png)left center no-repeat;padding-left: inherit;}
.login_icon9{background: url(../images/share.png)left center no-repeat;padding-left: inherit;}


/*-------------------------------------------导航----------------------------------------------------*/
.navBox{height: 26px;border-bottom: 3px solid #E5E5E5;}
.nav{font-size: 16px;font-family:"Microsoft Yahei";}
.nav li{float: left;margin-right: 21px;position: relative;white-space: nowrap;}
.nav li a{color: #555;height:26px;float: left;}
.nav li span{float: left;padding: 0 5px;}
.navMenu{float: left;}
.nav .active{color: #05A5DF;border-bottom: 3px solid  #05A5DF;position: relative;margin-bottom: -3px;}
.font14{font-size: 14px;}
.navShow{display:none;position: absolute;right: -10px;top: 26px;border:
1px solid #DD;background: #FFF;padding: 15px 15px 0 15px;}
.navMenu{position: relative;float: left;padding-right: 13px;}
.triangle{position: absolute;right: 0;top: 8px;width: 8px;height: 4px;overflow: hidden;background: url(../images/nav_icon.png)left center no-repeat;}
.nav_list{text-align: center;}
.nav .nav_list li{float: none;margin-right: 0;margin-bottom: 16px;}
.nav .nav_list a{float: none;}

/*个人中心*/
.navRight li{margin-right: 0;font-size: 14px;margin-left: 12px;display: inline;}

/*主题内容*/
.main{margin-top: 20px;}
.leftArea{width: 660px;_margin-right:-20px;}
.ykAd{width: 310px;}
.leftTop{height: 240px;}
.leftSmImg{width: 200px; padding-left:20px;}
.leftBottom{padding-top: 20px;}
.leftBottom .imgList{float:left;margin-right: 20px;}
.ykArea{width: 200px;margin-right: 20px;float: left;}
.ykAd_642{width: 642px;background: #ccc;height: 110px;}
.ykMt{margin-bottom: 20px;}
.rightArea{width: 310px;}
.youkuOriCont{padding-top:20px;}



/*广告*/
.ykAd_310_110{width: 310px;height: 110px;margin-bottom: 20px;}
.ykAd_310_110 img{width: 310px;height: 110px;display: block;}
.videoBar{height: 20px;background: #878787;line-height: 20px;padding:0 6px; }
.video_link{float: left;color: #FFF;}
.video_more{float: right;color: #FFF;}



/*小列表带灰色部分的*/
.userLink{background: #F5F5F5;height:60px;padding:10px 5px;}
.user_tit{line-height: 20px;margin-bottom: 10px;font-weight: normal;font-size:14px; font-family: "Microsoft Yahei";}
.user_tit a{color: #535353;}
.userLink h3{margin: 0;padding: 0;}
.notes{color: #8D8D8D;font-family: '宋体';font-size: 12px;padding-top: 10px;}


/*带影视公司部分*/
.company{height: 18px;line-height: 18px;position: relative;color: #8F8F8F;margin-top: -10px;margin-bottom: 10px;}
.companyHead{position: absolute;left: 3px;top: -15px;height: 30px;width: 30px;border: 2px solid #F4F4F4;}
.companyName{padding-left: 40px;font-size: 12px;font-family: '宋体';}

/*右侧很小的图片列表*/
.list_smImg{width: 310px;height: 50px; font-family: "Microsoft Yahei";}
.list_img{width: 90px;height: 50px;float: left;}
.list_img img{width: 90px;height: 50px;display: block;}
.list_txt{width: 210px;padding-left: 10px;float: left;}
.list_txt h3{margin: 0;padding: 0;}
.list_txt p{font-family: '宋体';font-size: 12px;color:#8F8F8F;line-height: 22px;}
.list_txt .user_tit{margin-bottom: 0;}


/*右侧排行部分*/
.item{display:none;}
.tabs{width: 154px;float: left;font-family: "Microsoft Yahei";font-size: 14px;padding-top: 18px;}
.tabs li{height: 20px; line-height: 20px;margin-bottom: 10px;}
.tabs span{width: 20px;height: 20px;font-size: 12px;background: #02A6E0;display: inline-block;text-align: center;color: #FFF;margin-right: 9px;float: left;}
.tabs  .yellow{background: #EE3E21;}

/*tabs 大的*/
.tabs_b{width: 100%;}
.tabs_b a{float: left;}
.tabs_cont{font-style: normal;float: right;}


/*排行*/
.seniority{font-size: 12px;color:#535353;line-height: 40px;height: 42px;}
.seniority a{color:#535353;}
.seniority span{padding-right: 18px;}

.ykAd_50{height: 50px;}
.ykAd_50 img{height: 50px; width: 310px; display: block;}
.tabAd{position: relative;height: 110px; overflow: hidden;}
.ad_next{width: 67px;height: 110px;position: absolute;right: 0;top: 0;}
.ad_next a{width: 67px;height: 110px;background: url(../images/tv_righttip.png)right top no-repeat;display: block;}
.ad_next a:hover{background: url(../images/tv_righttip_h.png);}


/*通用的部分*/
.comWidth{width: 970px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.show{display: block;}    /*此处show的顺序比较重要，决定是否被覆盖*/
.hr_19{height: 19px;overflow: hidden;}
.hr_20{height: 20px;overflow: hidden;}
.hr_50{height: 50px;overflow: hidden;}
.pt{padding-top: 20px;}
.mb{margin-bottom: 20px;}
.mb_10{margin-bottom: 10px;}
.mr_20{margin-right: 20px;}


/*通用的大列表样式*/
.imgList_b{width: 420px;height: 240px;position: relative;}
.imgItem img{width: 420px;height: 240px;display: block;}
.imgItemTxt{position: absolute;left: 0;bottom: 0;height: 56px;width: 410px;background: url(../images/firstscreen_left_img_shadow.png)left bottom repeat-x;padding:34px 5px 0 5px;}
.play{width: 58px;height: 56px;background: url(../images/firstscreen_left_play.png)left center no-repeat;position: relative;top: -14px;}
.play a{width: 58px;height: 56px;display: inline-block;}
.txt{font-family: "Microsoft Yahei";font-size: 16px;}
.txt h3{margin: 0;padding:0;height: 34px;line-height: 34px;}
.txt a{color: #FFF;font-weight: normal;}
.txt p{font-family: '宋体';font-size: 12px;}
.txt p span{margin-right: 9px;}
.pl{padding-left: 70px;}
.pl_20{padding-left: 20px;}
.userName{color: #FFF;}
.c1{color: #B9B9B9;}
.times, .discuss{color: #B9B9B9;}
.userIcon{padding-left: 16px;background: url(../images/firstscreen_left_fight.png)left center no-repeat;}
.timeIcon{padding-left: 16px;background: url(../images/firstscreen_left_playrate.png)left center no-repeat;}
.discussIcon{padding-left: 16px;background: url(../images/firstscreen_left_comment.png)left center no-repeat;}


/*通用的小列表图样*/
.imgList{width: 200px;height: 110px;position: relative;}
.imgline{background: url(../images/drama.png)center top no-repeat;padding-top: 4px;margin-top: -4px;}
.smImg img{width: 200px;height: 110px;display: block;}
.vipPlay{position: absolute;left: 0;top: 0;width: 43px;height: 43px;background: url(../images/theatre_left_pay.png)left top no-repeat;}
.smTxtBox{height: 40px;width: 100%;position: absolute;left: 0;bottom: 0;background: url(../images/firstscreen_mid_shadow.png)left bottom repeat-x;}
.vipTitle{font-size: 14px;font-family:"Microsoft Yahei";padding-left: 5px;font-weight: normal;}
.smTxtBox h3{margin: 0;}
.vipTitle  a{color: #FFF;}
.smTxt{position: absolute;left: 0;width: 100%;bottom: 0;padding-bottom: 5px;font-size: 14px;font-family:"Microsoft Yahei";}
.smTxt a{color: #FFF;}
.smTxt_vip{font-family:'宋体';font-size: 12px;}
.score{color: #FF1F1F;font-size: 18px;position: absolute;right: 5px;bottom: 0;font-family: Arial;}
.txt_l{padding-left: 5px;}
.smTxt_r{text-align: right; }
.txt_r{color: #DBDBDB;padding-right: 5px;}
.shade_box{display:none;}
.shade_box, .shade_cont{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.shade_cont{background: url(../images/shade.png)left bottom no-repeat;}
.shade{padding:9px 3px;}
.shade h3{font-family:"Microsoft Yahei";font-size: 14px;font-weight: normal;}
.shade h3 a{color: #ECF2E6;}
.shade p{line-height: 22px;color: #B8B7B3;}
.shade_play{width: 57px;height: 25px;display: inline-block;background: url(../images/firstscreen_mid_play.png)left top no-repeat;}